﻿@model QLDV.Models.CSD

@{
    ViewBag.Title = "ViewInfo";
    Layout = "~/Views/Shared/_Layout_NoMenu.cshtml";
}
<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        var t = 1;
        $(".edited").live('click', function () {
            var tid = $(this).attr("id");
            tid = tid.substr(3);
            $("#" + tid).attr("style", "display:inline-block");
            $("#" + tid).focus();
            $(this).attr("style", "display:none");

        });

        $(".editing").live('focusout', function () {
            var tid = "ED_" + $(this).attr("id");
            $("#" + tid).attr("style", "display:inline-block");
            $(this).attr("style", "display:none");
        });

        $(".editing").live('change', function () {
            var tid = "ED_" + $(this).attr("id");
            $("#" + tid).text($(this).val());
        });
    });
    $(function () {
        $(".date").datepicker({ dateFormat: "dd/mm/yy" });
    });
</script>
@using (Html.BeginForm("ViewInfo", "CSD", FormMethod.Post, new { id = "myform" }))
{
    <div class="5grid">
        @Html.Partial("_MenuCSD")
        <div class="7u-first">
            <div class="sidebar_section">
                <div class="sidebar_title">
                    <h4>Thông tin cơ bản</h4>
                    <small>Các thông tin về cơ sở đoàn</small>
                </div>
                <div style="height: 150px;">
                    <div class="6u-first">
                        <div class="row_edit">Tên cơ sở đoàn:</div>
                        <div class="row_edit">Loại cơ sở đoàn:</div>                
                        <div class="row_edit">Số quyết định thành lập:</div>
                        <div class="row_edit">Ngày thành lập:</div>
                        <div class="row_edit">Mô tả:</div>
                    </div>
                    <div class="6u">
                        <div class="row_edit">
                            <div class = "edited" id = "ED_Ten" style="display: inline-block">@Model.Ten</div>
                            <input type="text" id = "Ten" name = "Ten" class = "editing" value="@Model.Ten" style="display: none"/>
                        </div>
                        <div class="row_edit">
                            @Model.LOAICSD.Ten
                        </div>
                        <div class="row_edit">
                            <div class = "edited" id = "ED_SoQDTL" style="display: inline-block">@Model.SoQDTL</div>
                            <input type="text" id = "SoQDTL" name = "SoQDTL" class = "editing" value="@Model.SoQDTL" style="display: none"/>
                        </div>
                        <div class="row_edit">
                            <div class = "edited" id = "ED_NgayThanhLap" style="display: inline-block">@String.Format("{0:dd/MM/yyyy}", Model.NgayThanhLap)</div>
                            <input type="text" id = "NgayThanhLap" name = "NgayThanhLap" class = "editing date" value="@String.Format("{0:dd/MM/yyyy}", Model.NgayThanhLap)" style="display: none"/>
                        </div>
                        <div class="row_edit">
                            <div class = "edited" id = "ED_MoTa" style="display: inline-block">@Model.MoTa</div>
                            <textarea type="text" id = "MoTa" name = "MoTa" class = "editing" style="display: none">@Model.MoTa</textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="5u">
            <div class="sidebar_section">
                <div class="sidebar_title">
                    <h4>Thông tin bổ sung</h4>
                    <small>Các cơ sở đoàn quản lý, số lượng đoàn viên... </small>
                </div>
                <div style="height: 150px;">
                    <div class="6u-first">
                        <div class="row_edit">Số lượng phong trào:</div>
                        @if (Model.LOAICSD.CoDoanVien == true)
                        {
                            <div class="row_edit">Số lượng đoàn viên:</div>
                        }                
                        <div class="row_edit">Cơ sở đoàn quản lý:</div>
                    </div>
                    <div class="6u">
                        <div class="row_edit">51</div>
                        @if (Model.LOAICSD.CoDoanVien == true)
                        {
                            <div class="row_edit">@Model.CSD_DV.Count</div>
                        }                
                        <div class="row_edit">@Model.CSD2.Ten</div>
                    </div>
                </div>
            </div>

        </div>
        <div class="12u-first"><input type = "submit" value ="Lưu"/></div>
    </div>
}